<template>
  <el-dialog
    title="请选择竞买人已缴纳保证金的标的并点击确认"
    :visible="isShowConfirmDialog"
    @close="dialogClose"
      >
    <el-form label-width="100px">
      <el-row :gutter="24">
          <el-col :span="12">
              <el-form-item label="竞买人">
                  <el-input></el-input>
              </el-form-item>
          </el-col>
          <el-col :span="12">
              <el-form-item label="证件类型">
                  <el-input></el-input>
              </el-form-item>
          </el-col>
      </el-row>

      <el-row :gutter="24">
          <el-col :span="12">
              <el-form-item label="证件号码">
                  <el-input></el-input>
              </el-form-item>
          </el-col>
          <el-col :span="12">
              <el-form-item label="手机号">
                  <el-input></el-input>
              </el-form-item>
          </el-col>
      </el-row>

      <el-row :gutter="24">
          <el-col :span="12">
              <el-form-item>
                  <el-input></el-input>
              </el-form-item>
          </el-col>
          <el-col :span="3">
              <el-button>查询</el-button>
          </el-col>
      </el-row>

      <el-table
      ref="confirm"
      :data="tableData"
      style="width: 100%; margin-bottom: 5px"
      border
      stripe
      highlight-current-row
      :default-sort="{ prop: 'date', order: 'descending' }"
      @row-click="handleRowClick"
      @select-all="handleCheckedAllAndCheckedNone"
      @select="handleCheckedAllAndCheckedNone"
    >
      <el-table-column fixed type="selection" align="center">
      </el-table-column>
      <el-table-column property="objectId" label="标的序号">
      </el-table-column>
      <el-table-column property="objectName" label="标的名称">
      </el-table-column>
      <el-table-column property="auctionState" label="拍卖状态" >
      </el-table-column>
      <el-table-column property="startPrice" label="起拍价">
      </el-table-column>
      <el-table-column property="enrollState" label="报名状态">
      </el-table-column>
      <el-table-column property="earnestMoneyState" label="保证金状态" width="130">
      </el-table-column>

      </el-table>
      <br>
      <el-pagination
      :page-sizes="[10, 20, 30, 40, 100]"
      :page-size="10"
      :total="100"
      layout="total, sizes, prev, pager, next, jumper"
      >
      </el-pagination>
  
    </el-form>

    <br>
    <br>
    <br>
    <br>
  
    <div style="display: flex; justify-content: center;">
      <div>
        <el-button>上一个竞买人</el-button>
        <el-button type="primary" @click="dialogClose">确 定</el-button>
        <el-button>下一个竞买人</el-button>
      </div>
    </div>
  
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      formFileds: {},

      tableData: [
        {
          objectId: '1',
          objectName: '标的名称',
          auctionState: '即将开始',
          startPrice: '100',
          enrollState: '已报名',
          earnestMoneyState: '已缴纳',

        }
      ],
    }
  },
  props:{
    isShowConfirmDialog:{
          type:Boolean
      },
  },
  methods: {
      dialogClose(){ 
          this.$emit('dialogClose');
      },
      submitData(){
          this.$emit('submitData');
      },

  }
}
</script>

<style>

</style>